// app global css in SCSS form

.q-bar {
  background-color: rgba(0, 0, 0, 0) !important;
}

body {
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.q-layout-container > .absolute-full > .scroll {
  overflow: hidden;
}

.app-win {
  overflow: hidden;
  background-color: $primary;
}

.app-win-border {
  //border-radius: 8px;
  //border: #5a6b6b 0.1em solid;
}


.q-drawer {
  -webkit-user-select: none;
  background: rgba(0, 0, 0, 0) !important;
}

.q-splitter__after {
  overflow: hidden !important;
}


.app-bar {
  color: #cdcfd2;
  background-color: $app_bar;
}

.app-toolbar {
  padding: 0px 0px 0px 4px !important;
}

.app-btn {
  color: $btn_text;
  cursor: default;
  border-radius: 0px;
  height: 100%;
}

.app-btn-dropdown {
  border: #5d5d5d 1px solid;
  border-radius: 4px;
}

.app-sys-btn {
  color: #929292;
  cursor: default;
  border-radius: 0px !important;
  margin: 0px 0px 0px 0px;
  font-size: 10px;
  width: 42px;
  height: 100%;
}

.app-menu-btn {
  height: 100%;
  padding: 0px 6px 0px 6px;
  cursor: default;
  border-radius: 0px;
  color: $menu_btn_text;
  font-weight: normal !important;
  font-size: 12px !important;
}

.app-menu {
  color: $btn_text;
  background-color: $app_menu;
  border-radius: 2px;
  font-size: 12px !important;
}

.app-menu .q-list {
  padding: 8px 0px 8px 0px;
}


.app-menu .q-item {
  min-height: 28px !important;
}

.app-menu .cursor-pointer {
  cursor: default !important;
}

.app-menu .q-item:hover {
  background-color: $app_menu_selection;
}

.app-line {
  background-color: #5d5d5d
}

.app-line-v {
  margin-right: 8px;
  background-color: #5d5d5d
}


.app-tabs {}

.app-tabs .q-tab {
  color: #909090 !important;
}

.app-tabs .cursor-pointer {
  cursor: default !important;
}

.app-tabs .q-tab--active {
  background-color: rgba(0, 0, 0, 0.16);
}

.app-btn-close {

}

.app-btn-close:hover {
  color: #c6c6c6;
  background-color: #bf3641;
}


.left-bar {
  background-color: $left_bar;
}

.text-icon {
  color: $icon;
}


.navigator {
  background-color: $navigator;
}

.app-container {
  background-color: $container;
}

.q-panel-parent {
  width: 100% !important;
}

.q-tab-panel {
  padding: 0px !important;
}

.q-splitter__separator {
  cursor: w-resize !important;
}

.q-splitter--active {
  cursor: w-resize !important;
}
